﻿<%@ page language="C#" autoeventwireup="true" inherits="Default_Default, App_Web_bpburowk" %>

<%@ Register Src="Footer.ascx" TagName="Footer" TagPrefix="MojoCube" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="apple-touch-icon" href="images/icon_192px.png" />
    <link rel="apple-touch-icon-precomposed" href="images/icon_192px.png" />
    <link rel="shortcut icon" href="../Images/favicon.ico" type="image/x-icon" />
    <%=MainCss%>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.lazyload.min.js" type="text/javascript"></script>
    <script src="js/swipe.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>

    <style type="text/css">
        body, .index_wrapper {
            background: #F5F5F5;
        }
        .select{ padding:10px; text-align:center; margin:10px; border:solid 1px #ddd; border-radius:5px;}
        .txt{ border:0px; width:80%;}
        .edit-wrap{width:94%; height:80%; position:fixed; z-index:100; background:#fff; border-radius:3px; overflow:scroll;}
        .search_tb{font-size:11pt;}
        .search_tb_txt{border:solid 1px #ddd; padding:3px; width:80px;}
        .search_tb_span{background:#E83633; padding:3px 5px; color:#fff; font-size:11pt; border-radius:5px;}
        .search_div1{padding:10px}
        .search_div2{position:absolute; bottom:0px; background:#fff;}
        .search_home{width:75%}
        @media screen and (min-width:412px) {
            .search_home{width:78%}
        }
        @media screen and (min-width:768px) {
            .search_home{width:85%}
        }

        .topbar1{height:45px;text-shadow:0 1px 0 #3d474a; position:fixed; top:0; left:0; width:100%; z-index:299; -webkit-transform:translateZ(0);}

        .bar1{
            background:url(images/tm4.png); opacity:0.8;
        }
        
        .bar2{
            background:url(images/tm3.png);
        }
        
        .dot1{ background:#fff; position:absolute; top:8px; right:8px; color:#fff; border-radius:50px; width:12px; height:12px;}
        .dot2{ background:#ff0000; position:absolute; top:1px; right:1px; color:#fff; border-radius:50px; width:10px; height:10px;}
        .index_nav{margin-top:10px;background:#fff; margin:0px; overflow:auto;}
        .index_icon{width:20%; float:left; padding:5px 0;}
        .index_icon img{width:100%;}
        .index_banner{padding:0px;}
    </style>

    <script type="text/javascript">

        $(document).ready(function () {
            $(window).scroll(function () {
                var scrolls = $(window).scrollTop()
                if (scrolls > 10) {
                    $(".topbar1").addClass("bar2")
                } else {
                    $(".topbar1").removeClass("bar2")
                }
            });
        });

        function getMore() {
            __doPostBack('lnbMore', '');
        }

    </script>
</head>

<body style="padding-top:0px;">

    <form id="form1" runat="server">
        
        <asp:ScriptManager id="ScriptManager1"  runat="server"></asp:ScriptManager>
    
        <MojoCube:Footer ID="Footer" runat="server" />

        <div class="index_wrapper" style="padding-bottom:10px;">
            
            <header>

                <div class="topbar1 bar1">
                    <a href="javascript:alert('暂时不支持扫描功能');" class="back_btn"><i class="icon iconfont">&#xf00a7;</i></a>
                    <asp:HyperLink ID="hlChat" runat="server" CssClass="top_home" NavigateUrl="Chat.aspx"><i class="icon iconfont">&#xf0200;</i></asp:HyperLink>
                    <table class="search_home">
                        <tr>
                            <td>
                                <div class="home_search" onclick="openUrl('Search.aspx');">
                                    <asp:TextBox ID="txtSearch2" runat="server" CssClass="home_search_txt"></asp:TextBox>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>

            </header>
                
            <div id="Slider" runat="server" style="-webkit-transform:translate3d(0,0,0);"></div>

            <script type="text/javascript">

                $(function() {
                    new Swipe(document.getElementById('banner_box'), {
                        speed: 500,
                        auto: 3000,
                        callback: function() {
                            var lis = $(this.element).next("ol").children();
                            lis.removeClass("on").eq(this.index).addClass("on");
                        }
                    });
                });

                function showTab(id) {
                    var menu = document.getElementById("tab").getElementsByTagName("li");
                    for (i = 0; i < menu.length; i++) { menu[i].className = "" }
                    document.getElementById('li' + id).className = "active";

                    var pro = $('.index_nav');
                    for (i = 0; i < pro.length; i++) { pro[i].style.display = "none" }
                    document.getElementById('nav' + id).style.display = "";
                }

            </script>
            
            <div id="NavDiv" runat="server" class="index_nav"></div>

            <div onclick="openUrl('Article.aspx')" style="padding:5px 10px; background:#fff; border-top:solid 1px #F0F0F0;">
                <table style="width:100%;">
                    <tr>
                        <td style="font-weight:700; font-size:15pt; color:#ff0000; width:100px;">
                            <img src="images/new.png" style="height:32px;" />
                        </td>
                        <td>
                            <asp:Label ID="lblArticle" runat="server"></asp:Label>
                        </td>
                        <td style="width:10px; text-align:right">
                            <i class="iconfont">&#xf0116;</i>
                        </td>
                    </tr>
                </table>
            </div>
            
            <div id="BannerDiv" runat="server"></div>
        
            <div id="ProductDiv" runat="server" class="product_image"></div>
            
            <script type="text/javascript">
                $(function () {
                    $("img.lazy").lazyload({ placeholder: "images/no_image.jpg", effect: "fadeIn" });
                });
            </script>

            <div class="clearbox"></div>

        </div>
        
    </form>

</body>

</html>